{% extends 'home/base-home.html' %}

{% block title %}井冈山经贸学校{% endblock %}

{% load static %}

{% block style %}
    <link rel="stylesheet" href="{% static 'home/css/home.css' %}">
    <link rel="stylesheet" href="{% static 'home/css/font-awesome.min.css' %}" />
    <script src="{% static 'home/js/jquery.min.js' %}"></script>
{% endblock %}

{% block content %}
    
    <div class="slidebanner">
        <div id="slide29949" class="flexslider">
            <ul class="slides">
                <li><a href=""  title=""><img src="{% static 'home/images/home-slide1.jpg' %}" alt="" /></a></li>
                <li><a href=""  title=""><img src="{% static 'home/images/home-slide2.jpg' %}" alt="" /></a></li>
                <li><a href=""  title=""><img src="{% static 'home/images/jgsjmxx.jpg' %}" alt="" /></a></li>
            </ul>
            <ul class="flex-direction-nav">
                <li><a class="prev" alt="prev" href="#" style="background: url({% static 'home/images/prev.png' %}) center center no-repeat;"></a>
                <li><a class="next" alt="next" href="#" style="background: url({% static 'home/images/next.png' %}) center center no-repeat;"></a>
            </ul>
        </div>
        <script type="text/javascript" src="{% static 'home/js/banner.js' %}"></script>
    </div>

    <div class="gundong">
        <div class="gund" style="width:1200px;margin:0 auto;height:200px">
            <li>
                <div class="animateNum" data-animatetarget="49">49</div>
                <div>建校49周年</div>
            </li>
            <hr>
            <li>
                <div class="animateNum" data-animatetarget="12">12</div>
                <div>12个潜力专业</div>
            </li>
            <hr>
            <li>
                <div class="animateNum" data-animatetarget="128">128</div>
                <div>128名专业老师</div>
            </li>
            <hr>
            <li>
                <div class="animateNum" data-animatetarget="3600">3600</div>
                <div>3600余名在校生</div>
            </li>
            <hr>
            <li>
                <div class="animateNum" data-animatetarget="300">300</div>
                <div>占地面积300余亩</div>
            </li>
        </div>
    </div>
    <div style="clear: both;"></div>

    <div class="zhong" style="width: 100%;height:563px;">
        <div class="biao" style="padding-top: 30px;">
            <div class="dazao">学校风采</div>
            <div class="dazaoz"><div class="dazaos"></div></div>
        </div>

        <div class="restrain">
            <div class="lb-img-box">
                <div class="hover-lb-img-box mt-tabpage">
                    <div class="mt-tabpage-title hover-lb-title">
                        <a href="javascript:;" class="mt-tabpage-item hover-title-active">学校环境</a> 
                        <a href="javascript:;" class="mt-tabpage-item ">学生风采</a> 
                        <a href="javascript:;" class="mt-tabpage-item ">实训现场</a> 
                    </div>
                    <div class="mt-tabpage-count">
                        <div class="pic_slide_tag_pnl">
                            <ul class="on">
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xiaoyuan0.jpg' %}"
                                            alt="学校环境" /><span>学校环境</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/jgsjmxx.jpg' %}"
                                    alt="学校环境" /><span>学校环境</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xiaoyuan1.jpg' %}"
                                            alt="学校环境" /><span>学校环境</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xiaoyuan2.jpg' %}"
                                            alt="学校环境" /><span>学校环境</span></a></li>

                            </ul>
                            <ul>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xuesheng0.jpg' %}"
                                            alt="学生风采" /><span>学生风采</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xuesheng1.jpg' %}"
                                            alt="学生风采" /><span>学生风采</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xuesheng2.jpg' %}"
                                            alt="学生风采" /><span>学生风采</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/xuesheng3.png' %}"
                                            alt="学生风采" /><span>学生风采</span></a></li>
                            </ul>
                            <ul>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/shixun0.png' %}"
                                            alt="实训现场" /><span>实训现场</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/shixun1.png' %}"
                                            alt="实训现场" /><span>实训现场</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/shixun2.png' %}"
                                            alt="实训现场" /><span>实训现场</span></a></li>
                                <li><a href="news_detail.html"><img src="{% static 'home/images/shixun3.png' %}"
                                            alt="实训现场" /><span>实训现场</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    $(function () {
                        $(".mt-tabpage-title a").on("mouseenter", function () {
                            var index = $(this).index();
                            $(this).addClass("hover-title-active").siblings(".hover-title-active").removeClass("hover-title-active");
                            $(".pic_slide_tag_pnl ul").eq(index).addClass("on").siblings(".on").removeClass("on");
                        });
                    });
                </script>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>
{% endblock %}
